.canvas-render
  position: relative
  width: 100%
  height: 100%
  background: paint(dotted-bg)
  &__container
    position: absolute
    width: var(--canvas-w)
    height: var(--canvas-h)
    overflow: hidden
    display: flex
    align-items: center
    justify-content: center
    transform-origin: left top
    // background-color: var(--canvas-bg-color)
    background-color: #fff
    border-radius: 8px
    box-shadow: 1px 1px 12px #ccc
    // &.canvas-render__container--dragging
    //   cursor: grabbing
    //   background-color: var(--canvas-bg-color-dragging)
    //   transition: background-color 0.2s ease-in-out
    //   &.canvas-render__container--dragging-zoom
    //     background-color: var(--canvas-bg-color-dragging-zoom)
    //     transition: background-color 0.2s ease-in-out
